<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>

    <%@ include file="/WEB-INF/views/include/header.jsp" %>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <!-- basic styles -->
    <%--<link href="assets/css/bootstrap.css" rel="stylesheet" />--%>
    <link rel="stylesheet" href="<s:url value="assets/css/font-awesome.min.css"> </s:url> "/>
    <!-- ace styles -->
    <link rel="stylesheet" href="<s:url  value="assets/css/ace.css"></s:url>"/>
    <!-- 新首页css 20180703-->
    <link rel="stylesheet" href="<s:url value="/assets/dist/css/newindex.css"></s:url>"/>
    <link rel="stylesheet" href="<s:url value="/assets/dist/css/content.css"></s:url>"/>
    <!--  -->
    <%--<link rel="stylesheet" href="newindex.css?v=123">--%>
    <!-- ace settings handler -->
    <script src="<s:url value="assets/js/ace-extra.min.js"></s:url> "></script>
</head>
<body>
<div class="main-container" id="main-container">
    <div class="main-container-inner">
        <a class="menu-toggler" id="menu-toggler" href="#">
            <span class="menu-text"></span>
        </a>
        <!-- 主内容 -->

        <div class="page-content">
            <div class="container-fluid">
                <div class="row">
                    <div class="main-left">
                        <ul id="main-left-tab" class="nav nav-pills left-nav">
                            <li class="active ">
                                <a class="b-left left-active" href="#index-qxqk" data-toggle="tab">全县情况</a>
                            </li>
                            <li>
                                <a class="b-left" href="#index-gzdt" data-toggle="tab">招商工作动态</a>
                            </li>
                            <li>
                                <a class="b-left" href="#index-zdxmqk" data-toggle="tab">对外推荐资源</a>
                            </li>
                            <li>
                                <a class="b-left" href="#index-zcfg" data-toggle="tab">政策法规</a>
                            </li>
                            <li>
                                <a class="b-left" href="#index-cyl" data-toggle="tab">产业链</a>
                            </li>
                        </ul>
                        <div class="sub-title">全县情况</div>
                        <div class="tab-content theme-border need-resize">
                            <%--全县情况--%>
                            <div id="index-qxqk" class="tab-pane fade in active">
                                <%----%>
                            </div>
                            <%--招商工作动态--%>
                            <div id="index-gzdt" class="tab-pane fade ">
                            </div>
                             <%--对外推荐资源--%>
                            <div id="index-zdxmqk" class="tab-pane fade ">
                                <%--重点项目情况--%>
                            </div>
                             <%--政府法规--%>
                            <div id="index-zcfg" class="tab-pane fade ">

                            </div>
                             <%--产业链--%>
                            <div id="index-cyl" class="tab-pane fade ">
                            </div>
                        </div>
                    </div>
                    <div class="main-center">
                        <div class="main-title">永泰招商大数据管理系统</div>
                        <div class="main-nav-container">
                            <ul id="map-tab" class="nav nav-pills main-nav">
                                <li id="main-nav-gxz" class="active ">
                                    <a class="map-active  a-active" href="" data-toggle="tab">各乡镇情况</a>
                                </li>
                                <li id="main-nav-cy">
                                    <a class="a-active" href="" data-toggle="dropdown">产业</a>
                                    <ul class="dropdown-menu  map-menu">
                                        <li id="main-nav-ly">
                                            <a href="javascript:void(0);" data-toggle="tab">旅游</a>
                                        </li>
                                        <li id="main-nav-ny">
                                            <a href="" data-toggle="tab">农业</a>
                                        </li>
                                    </ul>
                                </li>
                                <li id="main-nav-yq">
                                    <a class="a-active" href="" data-toggle="tab">园区</a>
                                </li>
                            </ul>
                            <ul  class="nav nav-pills main-nav xz-nav" style="display: none;">
                                <li>
                                    <a class="map-active  a-active" href="" data-toggle="tab">正在对接项目</a>
                                </li>
                                <li>
                                    <a class="a-active" href="" data-toggle="tab">已落地项目</a>
                                </li>
                                <li >
                                    <a class="a-active" href="" data-toggle="tab">可供招商资源</a>
                                </li>
                                <li >
                                    <a class="a-active" href="" data-toggle="tab">已对接企业</a>
                                </li>
                                <li >
                                    <a class="a-active" href="" data-toggle="tab">重点发展企业</a>
                                </li>
                            </ul>
                        </div>
                        <div class="map-container">
                            <!-- 高德地图 -->
                            <div id="map-gd" class="need-resize">
                            </div>
                            <!-- 提供图片地图 -->
                            <div id="map-img" style="display: none;">
                                <%--<video id="img" loop="loop" width="100%" height="100%">--%>
                                <%--<source src="http://download.huashitong.net/%E6%A0%BC%E5%BC%8F%E5%B7%A5%E5%8E%82%E6%B0%B8%E6%B3%B0%E6%8B%9B%E5%95%86%E7%89%87.mp4" type="video/mp4">;--%>
                                <%--</video>--%>
                                <img src="./../../../assets/dist/img/map-img-1.jpg" alt="资源图片">
                            </div>
                            <div id="video-wapper" style="display: none;">
                                <video id="video" loop="loop" controls width="100%" height="100%">
                                    <source src="http://download.huashitong.net/%E6%A0%BC%E5%BC%8F%E5%B7%A5%E5%8E%82%E6%B0%B8%E6%B3%B0%E6%8B%9B%E5%95%86%E7%89%87.mp4"
                                            type="video/mp4">
                                    ;
                                </video>
                            </div>
                            <div id="map-change-btn">
                            </div>
                            <div class="video-btn"></div>
                        </div>
                    </div>
                    <div class="main-right">
                        <div class="right-l">
                            <div class="sub-title">永泰县招商情况</div>
                            <div class="theme-border">
                                <!-- 总完成率 -->
                                <div class="zwcl-container">
                                    <div class="chart-title">总完成率</div>
                                    <div id="zwcl-chart"></div>
                                    <span id="total-rate-num1">完成：
											<em> </em>项</span>
                                    <br>
                                    <span id="total-rate-num2">目标：
											<em> </em>项</span>
                                    <br>
                                    <%--<span id="total-rate-num3">总目标：--%>
                                    <%--<em> </em>亿</span>--%>
                                </div>
                                <!-- 项目情况 -->
                                <div class="third-title">大项目、好项目与一般项目</div>
                                <div id="xmqk-chart"></div>
                                <!-- 各月投资额情况 -->
                                <div class="third-title">市考核详情</div>
                                <div id="gytz-chart" class="need-resize"></div>
                            </div>
                        </div>
                        <div class="right-r">
                            <div class="sub-title">各乡镇招商任务得分情况</div>
                            <div class="theme-border gex-wapper">
                                <div class="gxz-wapper">
                                    <div class="zy-btn gxz-btn-active">专业</div>
                                    <div class="gxz-btn">乡镇</div>
                                    <div class="gbm-btn">部门</div>
                                </div>
                                <div id="gxz-chart"></div>
                            </div>
                            <div class="sub-title">招商小分队排名</div>
                            <div class="theme-border need-resize tab-left">
                                <div class="pm-wapper">
                                    <div class="zs-btn pm-btn-active">专业</div>
                                    <div class="xz-btn">乡镇</div>
                                    <div class="bm-btn">部门</div>
                                </div>
                                <%--专业--%>
                                <div class="zs-wapper">
                                    <div class="third-title">前三名</div>
                                    <div class="cytz-chart" style="padding: 10px">
                                        <div class="progress-wapper">
                                            <div class="progress-container clearfix">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-1" style="width: 100%;"></div>
                                                </div>
                                                <span class="pull-left progress-bar-info-1">重大项目招商小分队
												总得分：<em>68.9</em>
											    </span>
                                            </div>
                                            <div class="progress-container clearfix">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-1" style="width:65%"></div>
                                                </div>
                                                <span class="pull-left progress-bar-info-1">绿色食品产业招商小分队
												总得分：<em>44.8</em>
											</span>
                                            </div>
                                            <div class="progress-container clearfix">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-1" style="width:58%;"></div>
                                                </div>
                                                <span class="pull-left progress-bar-info-1">现代服务业招商小分队
												总得分：<em>40.59</em>
											</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="third-title">后三名</div>
                                    <div class="qy-chart" class="need-resize" style="padding: 10px">
                                        <div class="progress-wapper">
                                            <div class="progress-container clearfix">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-1" style="width: 31%;"></div>
                                                </div>
                                                <span class="pull-left progress-bar-info-1">文化产业招商小分队
												总得分<em>21.59</em>
											</span>
                                            </div>
                                            <div class="progress-container clearfix">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-1" style="width:24%"></div>
                                                </div>
                                                <span class="pull-left progress-bar-info-1">健康养生招商小分队
												总得分<em>16.97</em>
											</span>
                                            </div>
                                            <div class="progress-container clearfix">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-1" style="width:23%;"></div>
                                                </div>
                                                <span class="pull-left progress-bar-info-1">金融创新招商小分队
												总得分<em>16.51</em>
											</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <%--乡镇--%>
                                <div class="xz-wapper">
                                    <div class="third-title">前三名</div>
                                    <div class="cytz-chart" style="padding: 10px">
                                        <div class="progress-wapper">
                                            <div class="progress-container clearfix">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-1" style="width: 100%;"></div>
                                                </div>
                                                <span class="pull-left progress-bar-info-1">梧桐镇
												总得分：<em>49.87</em>
											</span>
                                            </div>
                                            <div class="progress-container clearfix">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-1" style="width:90%"></div>
                                                </div>
                                                <span class="pull-left progress-bar-info-1">盘谷乡
												总得分：<em>45.25</em>
											</span>
                                            </div>
                                            <div class="progress-container clearfix">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-1" style="width:81%;"></div>
                                                </div>
                                                <span class="pull-left progress-bar-info-1">大洋镇
												总得分：<em>40.70</em>
											</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="third-title">后三名</div>
                                    <div class="qy-chart" class="need-resize" style="padding: 10px">
                                        <div class="progress-wapper">
                                            <div class="progress-container clearfix">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-1" style="width: 40%;"></div>
                                                </div>
                                                <span class="pull-left progress-bar-info-1">盖洋乡
												总得分<em>20.07</em>
											</span>
                                            </div>
                                            <div class="progress-container clearfix">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-1" style="width:31%"></div>
                                                </div>
                                                <span class="pull-left progress-bar-info-1">白云乡
												总得分<em>15.68</em>
											</span>
                                            </div>
                                            <div class="progress-container clearfix">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-1" style="width:26%;"></div>
                                                </div>
                                                <span class="pull-left progress-bar-info-1">霞拔乡
												总得分<em>13.14</em>
											</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <%--部门--%>
                                <div class="bm-wapper">
                                    <div class="third-title">前三名</div>
                                    <div class="cytz-chart" style="padding: 10px">
                                        <div class="progress-wapper">
                                            <div class="progress-container clearfix">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-1" style="width: 100%;"></div>
                                                </div>
                                                <span class="pull-left progress-bar-info-1">林业局
												总得分：<em>61.33</em>
											</span>
                                            </div>
                                            <div class="progress-container clearfix">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-1" style="width:65%"></div>
                                                </div>
                                                <span class="pull-left progress-bar-info-1">发改局
												总得分：<em>40.16</em>
											</span>
                                            </div>
                                            <div class="progress-container clearfix">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-1" style="width:58%;"></div>
                                                </div>
                                                <span class="pull-left progress-bar-info-1">人社局
												总得分：<em>32.76</em>
											</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="third-title">后三名</div>
                                    <div class="qy-chart" class="need-resize" style="padding: 10px">
                                        <div class="progress-wapper">
                                            <div class="progress-container clearfix">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-1" style="width: 0%;"></div>
                                                </div>
                                                <span class="pull-left progress-bar-info-1">计生协会
												总得分<em>0</em>
											</span>
                                            </div>
                                            <div class="progress-container clearfix">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-1" style="width:0%"></div>
                                                </div>
                                                <span class="pull-left progress-bar-info-1">行政服务中心
												总得分<em>0</em>
											</span>
                                            </div>
                                            <div class="progress-container clearfix">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-1" style="width:0%;"></div>
                                                </div>
                                                <span class="pull-left progress-bar-info-1">物资总公司
												 总得分<em>0</em>
											</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.page-content -->
    </div>
    <!-- /.main-content -->

</div>
<!-- /.main-container-inner -->
<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
    <i class="icon-double-angle-up icon-only bigger-110"></i>
</a>
</div>
<%--模态框--%>
<div class="modal fade" id="resourceModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content modal-wrapper">
            <div class="modal-header modal-title">
                <button type="button" class="close close-btn" data-dismiss="modal" aria-hidden="true" style="opacity: 0">
                    &times;
                </button>
                <%--<h4 class="modal-title" id="myModalLabel">--%>
                    <%--模态框（Modal）标题--%>
                <%--</h4>--%>
            </div>
            <div class="modal-body modal-container">
            </div>
            <%--<div class="modal-footer">--%>
                <%--<button type="button" class="btn btn-default" data-dismiss="modal">关闭--%>
                <%--</button>--%>
            <%--</div>--%>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<%@ include file="/WEB-INF/views/include/footer.jsp" %>
<!-- basic scripts -->
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.6&key=7acf286aadb68e14c50ac7eae7fe13ab"></script>
<!-- page specific plugin scripts -->
<script src="<s:url value="/assets/js/newindex.js"></s:url>"></script>
<script src="<s:url value="/assets/js/common.js"></s:url>"></script>

<!-- ace scripts -->
<script src="<s:url value="/assets/js/ace-elements.min.js"></s:url> "></script>
<script src="<s:url value="/assets/js/ace.min.js"></s:url>"></script>
<script src="<s:url value="/assets/dist/js/echarts.min.js"></s:url>"></script>
<%--<script src="https://cdn.bootcss.com/echarts/4.0.2/echarts.min.js"></script>--%>
<script>

    $(function () {
        resizeModel(windowH);
        $(window).resize(function () {
            windowH = $(window).height();
            resizeModel(windowH);
        });
        //视频
        var video = document.getElementById("video");
        $('.video-btn').on('click', function () {
            $('#video-wapper').toggle();
            if (video.paused) {
                video.play();
            } else {
                video.pause();
            }
        })
        // navCtr();
        allChartInit();
// 地图 各乡镇坐标
        var gxzLnglats=[];
        var xzResoruce=[];
            $.ajax({
                url:"/modules/sys/resourceMaps/townsInfo",
                type :"POST",
                dataType : "json", //返回数据形式为json
                contentType:'application/json;charset=UTF-8',
                data:JSON.stringify({}),
                success:function(result) {
                    console.log(result);
                    var gxzName=[];
                    for (var i=0;i<result.data.length;i++){
                        var resoruce={}
                        gxzName.push(result.data[i].cellCore);
                        gxzLnglats.push([result.data[i].longitude,result.data[i].latitude]);
                        resoruce['bigN']=result.data[i].bigN;
                        resoruce['bigT']=result.data[i].bigT;
                        resoruce['bigS']=result.data[i].bigS;
                        resoruce['name']=result.data[i].cellCore;
                        resoruce['type']='各乡镇情况'
                        xzResoruce.push(resoruce);
                    }
                    console.log(xzResoruce);
                    var ip=[118.843664, 25.997121]
                    aMap.init(ip);
                    aMap.addMapBorder();
                    aMap.addCountyMasker(gxzLnglats,xzResoruce)
                }
            });
        /**
         * [gxzClick 各乡镇点击事件]
         * @return {[type]} [description]
         */
        function gxzClick() {
            $("#map-img").hide();
            $("#map-img img").attr("src","./../../../assets/dist/img/map-img-1.jpg");
            map.setMapStyle(mapStyle1);
            map.clearMap();
            aMap.addMapBorder();
            aMap.addCountyMasker(gxzLnglats,xzResoruce);
        }
        //页面初始化
       function ranking(param,p1,p2){
           $.ajax({
               url: "/team/teamrank/rankQuery",
               type: "POST",
               dataType: "json", //返回数据形式为json
               contentType: 'application/json;charset=UTF-8',
               data: JSON.stringify({'teamClass': param}),
               success: function (result) {

                   var arr1 = result.data.slice(0, 3); //前三名
                   var arr2 = result.data.slice(-3); //后三名
                   var arr3 = arr1.concat(arr2);

                   //前三
                   var html1 = "";
                   for (var i = 0; i < 3; i++) {
                       var percent1=parseFloat(arr3[i].clum).toFixed(2)*100;
                       html1 += '\
					    <div class="progress-container clearfix">\
                            <div class="progress">\
                                <div class="progress-bar progress-bar-1" style="width: '+percent1+'%;"></div>\
                            </div>\
                            <span class="pull-left progress-bar-info-1">'+arr3[i].teamname+'：<em>'+arr3[i].score+'</em></span>\
                        </div>\
                    ';
                   }
                  p1.html(html1);
                   // 后三
                   var html2 = "";
                   for (var i = 3; i < 6; i++) {
                       var percent2=parseFloat(arr3[i].clum).toFixed(2)*100;
                       html2 += '\
					    <div class="progress-container clearfix">\
                            <div class="progress">\
                                <div class="progress-bar progress-bar-1" style="width: '+percent2+'%;"></div>\
                            </div>\
                            <span class="pull-left progress-bar-info-1">'+arr3[i].teamname+'：<em>'+arr3[i].score+'</em></span>\
                        </div>\
                    ';
                   }
                  p2.html(html2);

               }
           });
       }
       var param='专业';
       var p1= $(".zs-wapper .cytz-chart");
       var p2= $(".zs-wapper .qy-chart");
        ranking(param,p1,p2);

        //招商小分队排名  专业
        $('.zs-btn').on('click', function () {
            $('.zs-wapper').show()
            $('.bm-wapper').hide()
            $('.xz-wapper').hide();
            $(this).addClass("pm-btn-active");
            $(this).siblings().removeClass("pm-btn-active");

            //    调用函数
            var param='专业';
            var p1= $(".zs-wapper .cytz-chart");
            var p2= $(".zs-wapper .qy-chart");
            ranking(param,p1,p2);
        })

        //部门
        $('.bm-btn').on('click', function () {
            $('.bm-wapper').show()
            $('.zs-wapper').hide();
            $('.xz-wapper').hide()
            $(this).addClass("pm-btn-active");
            $(this).siblings().removeClass("pm-btn-active");

            //    调用函数
            var param='部门';
            var p1= $(".bm-wapper .cytz-chart");
            var p2= $(".bm-wapper .qy-chart");
            ranking(param,p1,p2);
        })

        //乡镇
        $('.xz-btn').on('click', function () {
            $('.xz-wapper').show();
            $('.zs-wapper').hide();
            $('.bm-wapper').hide()
            $(this).addClass("pm-btn-active");
            $(this).siblings().removeClass("pm-btn-active");

            //    调用函数
            var param='乡镇';
            var p1= $(".xz-wapper .cytz-chart");
            var p2= $(".xz-wapper .qy-chart");
            ranking(param,p1,p2);
        })


        $('.gxz-btn').on('click', function () {
            xzClick();
            $(this).addClass("gxz-btn-active");
            $(this).siblings().removeClass("gxz-btn-active");
        });
        $('.gbm-btn').on('click', function () {
            gbmClick();
            console.log(1111);
            $(this).addClass("gxz-btn-active");
            $(this).siblings().removeClass("gxz-btn-active");
        });
        $('.zy-btn').on('click', function () {
            zyClick();
            $(this).addClass("gxz-btn-active");
            $(this).siblings().removeClass("gxz-btn-active");
        });
        $('#main-nav-gxz').on('click', gxzClick);
        $('#main-nav-ly').on('click', lyClick);
        $('#main-nav-ny').on('click', nyClick);
        $('#main-nav-yq').on('click', yqClick);
        $('#map-change-btn').on('click', function () {
            $('#map-img').toggle();
        });
        
        //点击切换背景图片
        $(".main-nav").on("click","li",function () {
            $(this).children(".a-active").addClass("map-active").parent().siblings().children().removeClass("map-active");
        })

        // $(".map-menu").on("click","li",function () {
        //     $(this).parent().prev().addClass("blues");
        // });

        /**
         * 左侧内容渲染 function
         */
        var paramss = "全县情况";
        var p6 = $("#index-qxqk");
        var p8="0";
        function forenchTitle(paramss,p6,p8){
            $.ajax({
                url: "/resourceNews/resourceQuery",
                type: "POST",
                dataType: "json", //返回数据形式为json
                contentType: 'application/json;charset=UTF-8',
                data: JSON.stringify({'type': paramss}),
                success: function (result) {
                    var html="";
                    if(result.data !== undefined){
                        for(var i= 0; i<result.data.length;i++){
                            var list=result.data[i];
                            html += '\
                    <div class="contents">\
                        <div class="title-wapper">\
                            <a data-type='+list.type+' class="hidden-font" title='+list.title+' href="#my-targets'+i+p8+'" data-toggle="collapse">'+list.title+'</a>\
                            <em>'+list.createDate+'</em>\
                        </div>\
                        <div id="my-targets'+i+p8+'" class="collapse"></div>\
                     </div>\
                        ';
                        }
                        p6.html(html);
                    }
                }
            });
        }
        forenchTitle(paramss,p6,p8);

        //左侧tab按钮
        $("#main-left-tab").on("click","li",function () {
            // $(".main-left .sub-title").text($(this).text());
            $(this).children(".b-left").addClass("left-active").parent().siblings().children().removeClass("left-active");
        });

        // 点击tab事件
        $('#main-left-tab').on('click',"li:nth-child(1)", function () {
            //    调用函数
           var paramss="全县情况";
           var p6 = $("#index-qxqk");
           var p8="1";
            $('.main-left .sub-title').html(paramss);
            forenchTitle(paramss,p6,p8);
        })

        $('#main-left-tab').on('click',"li:nth-child(2)", function () {
            //    调用函数
            var paramss="招商工作动态";
            var p6 = $("#index-gzdt");var p8="2";
            $('.main-left .sub-title').html(paramss);
            forenchTitle(paramss,p6,p8);
        })

        $('#main-left-tab').on('click',"li:nth-child(3)", function () {
            //    调用函数
            var paramss="对外推荐资源";
            console.log(paramss);
            var p6 = $("#iindex-zdxmqk");
            var p8="3";
            $('.main-left .sub-title').html(paramss);
            forenchTitle(paramss,p6,p8);
        })

        $('#main-left-tab').on('click',"li:nth-child(4)", function () {
            //    调用函数
            var paramss="政策法规";
            var p6 = $("#index-zcfg");
            var p8="4";
            $('.main-left .sub-title').html(paramss);
            forenchTitle(paramss,p6,p8);
        })

        $('#main-left-tab').on('click',"li:nth-child(4)", function () {
            //    调用函数
            var paramss="产业链";
            var p6 = $("#index-cyl");
            var p8="5";
            $('.main-left .sub-title').html(paramss);
            forenchTitle(paramss,p6,p8);
        })

        /**
         * 点击标题渲染数据
         */
        $(".tab-content").on("click",".title-wapper>a",function () {
            var title = $(this).text();
            var type=$(this).data("type");
            var borther= $(this).parent().next();
            $.ajax({
                url: "/resourceNews/resourceQuery",
                type: "POST",
                dataType: "json", //返回数据形式为json
                contentType: 'application/json;charset=UTF-8',
                data: JSON.stringify({'type': type,"title":title}),
                success: function (result) {
                    console.log(result);
                    var str=result.data[0].content;
                    borther.html(escape2Html(str));

                function escape2Html(str) {
                        var arrEntities={'lt':'<','gt':'>','nbsp':' ','amp':'&','quot':'"'};
                        return str.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){return arrEntities[t];});
                }
                }
            })
        })

    //    点击标题换背景
        $(".tab-content").on("click",".title-wapper",function () {
            $(this).addClass("bgjpg").parent().siblings().children(".title-wapper").removeClass("bgjpg");
        });


        /**
         * 中间地图部分*********************************************************************************************
         */





    });
</script>
</body>
</html>

